@charset "utf-8";
@import "_reset.scss";
//头部部分
body{
    background: #f6f6f6;
    
}
#top{
    height:38px;
    background: #dfdfde;
    .top-content{
        width:995px;
        height:38px;
        margin:0 auto;
        .top-1{
            float:left;
            font-size: 14px;
            font-family: "微软雅黑";
            line-height:38px;
            margin-left:8px;
        }      
        .top-2{
            float:right;
            font-size: 14px;
            font-family: "微软雅黑";
            line-height:38px;
            margin-right:25px;
            cursor: pointer;
      
            &:hover{
                color:crimson;
            }
        }
    }
}
//头部部分


//导航部分
.nav-color{
    height:97px;
    background: white;
}
#nav{
    width:995px;
    height:97px;
    margin:0 auto;
    margin-top:2px;

    //导航左边
    .nav-left{
        float:left;
        height:97px;
        border-top:1px solid transparent;
        img{
            float:left;
        }
        .logo-p{
            float:left;
            margin-top:22px;
            margin-left:21px;
            .left-1{
                font-size:25px;
            }
            .left-2{
                font-size:13px;
                margin-top:-2px;

            }
        }
    }   
    //导航左边
    
    //导航右边
    .nav-right{
        width:605px;
        height:97px;
        float:right;
        >ul>li{
            float:left;
            width:86px;
            height:97px;         
            text-align: center;
            font-family: "微软雅黑";
            font-weight: bold;
            font-size:14px;
            cursor:pointer; 
            box-sizing:border-box; 
            &:hover{
                    background: #faf8f8;
                    border-bottom:4px solid #3c9cd3;
                }
            >a{
                width:86px;
                height:97px;
                display:inline-block;  
                font-size:14px;
                color:black; 
                display:flex;
                align-items: center;
                justify-content: center;
                                                          
            }       
        }      
    }  
    //导航右边        
}
//导航部分

//轮播图部分
#banner{
    width:100%;
    height:547px;
    background-size: 100% 100%;
    box-shadow: 2px 2px 10px #828282 ;
    .swiper-container{
        height:547px;
        width:100%;
        img{
            width:100%;
            
        }
        .swiper-pagination{
            margin:0 auto;
        }


    }
}
//轮播图部分


.content-img{position:absolute;left:50%;margin-left:-27px;margin-top:15px;   transition: transform 700ms linear 0s;    &:hover{transform: rotateZ(360deg);}}
.content-h3{position:absolute;top:84px;left:120px;color:white;font-size:18px;font-family: "宋体";}
.content-p{position:absolute;top:116px;left:99px;color:white;}
.content-border{position:absolute;border-top:1px solid white;top:138px;width:106px;left:102px;}
//内容部分
#content{
    width:975px;
    height:474px;
    margin:0 auto;
    margin-top:72px;
    display:flex;
    justify-content: space-between;

    >div{
        width:315px;
        height:474px;
        position:relative;
        background: white;
        box-shadow: 2px 2px 10px #828282;
        >img{
            position:absolute;
            left:50%;
            margin-left:-21px;
            top:168px;
        }
        //内容左边
        .lf-top{
            width:315px;
            height:168px;
            background: #2395cb;          
            img{@extend .content-img;  }
            h3{@extend .content-h3;}
            p{@extend .content-p;}
            .bd{@extend .content-border;}          
        }
        //内容左边
        
        //内容中间
        .md-top{
            width:315px;
            height:168px;
            background: #3ed1a4;          
            img{@extend .content-img;  }
            h3{@extend .content-h3;}
            p{@extend .content-p;left:90px;}
            .bd{@extend .content-border;               }
        }
        //内容中间
        
        //内容右边
        .rg-top{
            width:315px;
            height:168px;
            background: #895ea3;          
            img{@extend .content-img;  }
            h3{@extend .content-h3;}
            p{@extend .content-p;left:90px;}
            .bd{@extend .content-border;}
        }
        //内容右边
        
    }
    .content-left{
        h4{
            margin-top:31px;
            margin-left:18px;   
        }
        .lf-left{
            float:left;
            margin-left:18px; 
            margin-top:16px;
        }
        .lf-right{
            float:right;
            width:130px;
            height:100px;
            font-family:"微软雅黑";
            font-weight: bold;
            margin-top:12px;
            line-height:27px;
            font-size:14px;
            margin-right:25px;
        }
        .lf-bottom{
            width:284px;
            margin:0 auto;
            margin-top:9px;
            padding-top:10px;
            border-top:2px dotted #c4c4c4;
            >ul>li{
               font-size:13px;
               font-family: "微软雅黑";
               font-weight: bold;
               span{
                   font-size:22px;
                   vertical-align: -3%;
                   margin-right:5px;
                   color:#2395cb;
                   
               }
            }
        }
        
    }
    
    //
    .content-middle{
        .md-content{
            
            width:286px;
            height:214px;
            margin:0 auto;
            position:relative;
            .swiper-pagination{
                display:none;
            }
            .swiper-container{
                margin:0 auto;
                
            }
            .swiper-button-prev{
                margin-top:-180px;
                color:balck;
            }
            .swiper-button-next{
                margin-top:-180px;
            }
            img{
                width:199px;
                height:117px;
                display:block;
                margin:0 auto;
                margin-top:50px;
            }

        }
    }
    .md-p1{
        font-size:18px;
        color:#2395cb;
        
        text-align: center;
    }
    .md-p2{
        font-size:12px;
        text-align: center;
        margin-top:20px;
        font-weight: bold;
    }
    
    .content-right{
        .rg-img{
            margin-top:48px;
            text-align: center;
        }
        .rg-bg{
            width:308px;
            height:76px;
            background: url(../img/未标题-1.jpg);           
            margin:0 auto;
            margin-top:30px;
            border-top:1px solid transparent;
            p{
                width:200px;
                margin:0 auto;
                margin-top:20px;
                font-size:13px;
                font-weight: bold;
                line-height:25px;
            }
        }
    }
}
//内容部分


//关于我们部分
.about-us{
    .big-box{
        background:url(../img/bg_07.jpg);
        height:343px;
    }
    margin-top:61px;
    h3{
            text-align:center;
        }
    //关于我们头部部分
    .about-us-top{
        text-align:center;
        height:10px;
        position:relative;
        font-size:12px;
        margin-top:10px;
        color:#b3b3b3;
        .bd-1{
            border-top:1px solid #c9c9c9;
            width:77px;
            display:block;
            position:absolute;
            left:520px;
            top:10px;
           
        }
        .bd-2{
            border-top:1px solid #c9c9c9;
            width:77px;
            display:block;
            position:absolute;
            left:750px;
            top:10px;
           
        }
    }
    //关于我们头部部分
    
  //关于我们内容部分
    .ab-content{
        margin-top:52px;
        border-top:1px solid transparent;
        >p{
            width:935px;
            margin:0 auto;
            margin-top:45px;
            text-align: center;
            text-indent: 2.2em;
            font-size:14px;
            line-height:24px;
            font-family: "微软雅黑";
        }
    }
    //关于我们内容部分  
    
    //关于我们图片部分
    .content-pic{
        width:1050px;
        height:170px;
        margin:0 auto;
        margin-top:34px;
        background: white;
        position:relative;
        overflow: hidden;
        
        .button-left{
            width:500px;
            height:170px;
            background: black;
            opacity: 0;
            z-index:2;
            position: absolute;
            &:hover~.pic{
                transform: translateX(510px);
            }
        }
        .button-right{
            width:500px;
            height:170px;
            background: black;
            opacity: 0;
            right:0;
            z-index:2;
            position: absolute;
            &:hover+.pic{
                transform: translateX(-540px);
            }
        }
        
        .pic{
            img{
                margin-top:3px;
                float:left;
                margin-right:18px;               
            }
            transition:all 4s;
            width:2700px;
            height:166px;
            margin-top:1px;
            position:absolute;
            left:-500px;         
        }
    }
    //关于我们图片部分   
}
//关于我们部分

//联系我们部分
.contact-us{
    margin-top:40px;
}

#contact-us{
    background: white;

    margin-top:30px;
    .contact-content{
        width:1074px;
        height:536px;
        margin:0 auto;
        display:flex;
        justify-content: space-between;
        .content-left{
            width:431px;
            height:536px;
            display:flex;
            justify-content: space-between;
            position:relative;
            .dt{
                position:absolute;
                top:298px;
            }
            .ct-left{
                width:140px;
                height:188px;
                margin-top:52px;
                border:1px solid #ebebeb;
                >img{
                    display:block;
                    margin:0 auto;
                    margin-top:4px;
                }
                p{
                    font-size: 12px;
                    font-family: "微软雅黑";
                    text-align:center;
                    margin-top:8px;
                }
            }
            .ct-right{
                width:265px;
                height:188px;
                margin-top:52px;
                span{
                    width:26px;
                    display:inline-block;
                    text-align: center;
                    padding-right:12px;
                    vertical-align: middle;
                }
                p{
                    font-size:14px;
                    font-family: "微软雅黑";
                    color:#666666;
                    margin-bottom:13px;
                }
            }
        }
        //地图部分
        #dt{
         width:432px;
         height:196px;
         position:absolute;
         top:300px;
        }
    //地图部分
        .content-right{
            width:604px;
            height:536px;
            #r-form{
                .label-1{
                    margin-top:45px;
                }
                label{
                    display:block;
                    margin-bottom:10px;
                    font-size:14px;
                    color:#666666;
                }
                input{
                    display:block;
                    width:100%;
                    height:34px;
                    background: #f9f8f8;
                    margin-bottom:20px;
                    border:1px dashed #d4d2d2;
                    text-indent: 15px;                   
                }
                textarea{
                    width:100%;
                    height:120px;
                    resize: none;
                    background: #f9f8f8;
                    border:1px dashed #d4d2d2;
                    text-indent: 15px;;
                   
                }
                button{
                    width:94px;
                    height:30px;
                    display:block;
                    background: #3c9cd3;
                    color:white;
                    margin-top:10px;
                }
            }
            
        }
    }
}
//联系我们部分

//尾部部分
#footer{
    height:100px;
    background: #3c9cd3;
    border-top:1px solid transparent;
    .tb{
        text-align: center;
        margin-top:27px;
        font-size:12px;
        color:white;
        .span-p{
            
        }
        .iconfont{
            color:#48b9fa;
            margin-right:20px;
        }
        .icon-weibo{
            font-size:24px;
            margin-left:5px;
            vertical-align: -12%;
            
        }
        .icon-qq{
            font-size:20px;
            vertical-align: 0%;
        }
        .icon-weixin{
            font-size: 24px;
            vertical-align: -12%;
        }
     
    }
    p{
        text-align: center;
        color:white;
        font-size:12px;
    }
}
.copy{
    height:35px;
    background: #1c1b29;
    p{
        color:white;
        text-align: center;
        line-height:35px;
        font-size:12px;
    }
}
//尾部部分
